﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 100px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Datagrid/ViewEditorEnterFocusSource" target="_blank">点击查看扩展代码</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、[jeasyui.extensions.datagrid.rowState.js]、[jeasyui.extensions.datagrid.getColumnInfo.js]、[jeasyui.extensions.datagrid.editors.js]、[jeasyui.extensions.datagrid.edit.enterFocus.js]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Datagrid/EditorEnterFocusDemo.zip" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展属性API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:20%;">名称</td>
                <td style="width: 10%;">类型</td>
                <td>描述</td>
                <td style="width: 7%;">默认值</td>
            </tr>
            <tr>
                <td>enterFocusNextEditor</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示开启编辑后是否启用回车后自动聚焦下一个列编辑器的功能。
                </td>
                <td>true</td>
            </tr>
            <tr>
                <td>stopEnterFocusWhenEmpty</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示在 autoFocusNextFieldEditor 为 true 的前提下，当前编辑器内容若为空，是否停止回车聚焦功能。
                </td>
                <td>false</td>
            </tr>
            <tr>
                <td>onAfterFoucsLastEditor</td>
                <td>Function 类型</td>
                <td>
                    该属性表示聚焦到最后一个单元格编辑器之后触发的事件；该事件定义如下参数：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>index: 数据行的索引；<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>field: 列的 field 名；<br />
                    注意，该事件接口是指“聚焦到最后一行最后一个单元格编辑器之后触发的事件”，并不是每个数据行的最后一个单元格编辑器聚焦后触发。
                </td>
                <td>false</td>
            </tr>
        </table>
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展方法API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:10%;">名称</td>
                <td style="width:5%;">重写</td>
                <td style="width:7%;">参数</td>
                <td>描述</td>
            </tr>
            <tr>
                <td>editorAvailable</td>
                <td>否</td>
                <td>field</td>
                <td>
                    检查指定列是否配置了可用（非只读且未禁用）编辑器；该方法定义如下参数：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>field: 列的 field 名；<br />
                    返回值：若指定列配置了可用（非只读且未禁用）编辑器则返回 true ，否则返回 false 。
                </td>
            </tr>
        </table>
    </div>
</div>
